<?php
	$linkSendContact = $this->cmsUrl(array('module' => 'default', 'controller' => 'index', 'action' => 'send-contact'));
	$linkCaptcha = $this->cmsUrl(array('module' => 'default', 'controller' => 'index', 'action' => 'captcha-image'));
	$captcha_id_hidden = $this->formHidden('captchaID',$this->captcha_id);
?>
<hgroup class="page-head">	                                                       		
	<h1><span>Gửi Thông Tin Liên Hệ</span></h1>
	<h5>Bạn có thể điền thông tin cá nhân vào form và ý kiến riêng của bạn về phòng khám chúng tôi. Mọi sự đóng góp từ bạn là niềm vinh dự cho chúng tôi.</h5>                                
</hgroup>
<div id="container">
	<div class="official clearfix">
    	<div id="content">
			<div class="map-container clearfix">
				<div id="map_canvas"></div>
			</div>
			<p>Mang y học hiện đại đến với mọi người</p>
			<address>
				Địa chỉ: 51 Tân Mỹ, P.Tân Phú, Q.7, TPHCM<br>Điện thoại: (08) 37 751 609<br>Fax: (08) 37 752 606<br>
				Email: <a href="mailto:info@tanmyclinic.com">info@tanmyclinic.com</a><br>
				Website: <a href="tanmyclinic.com">www.tanmyclinic.com</a>
			</address>
			<div class="contact-form-container">
				<h3 class="smart-head">Thông tin liên hệ</h3>
				<p>Điền vào mẫu dưới đây để gửi cho chúng tôi một tin nhắn và chúng tôi sẽ phản hồi cho bạn trong thời gian nhanh nhất.</p>
				<form
					action="<?php echo $linkSendContact?>"
					id="contact-form" class="clearfix" method="post"
					novalidate="novalidate">
					<div class="form-cell">
						<label class="display-ie8">Họ và tên:</label> <input type="text"
							placeholder="Họ và tên" class="name required" name="author"
							title="* Vui lòng nhập họ và tên."><span>*</span>
					</div>
			
					<div class="form-cell">
						<label class="display-ie8">Điện thoại:</label> <input type="text"
							placeholder="Số điện thoại" class="phone" name="phone">
					</div>
			
					<div class="form-cell">
						<label class="display-ie8">Email:</label> <input type="text"
							placeholder="Địa chỉ email" class="email required" name="email"
							title="* Vui lòng nhập địa chỉ email."><span>*</span>
					</div>
			
					<div class="form-cell">
						<label class="display-ie8">Tiêu đề:</label> <input type="text"
							placeholder="Tiêu đề" class="subject" name="subject">
					</div>
			
					<div class="form-row">
						<label class="display-ie8">Nội dung:</label>
						<textarea name="content" class="message required" cols="30" rows="10"
							placeholder="Nội dung" title="* Vui lòng nhập nội dung."></textarea>
			
						<div class="captcha-container">
							<div id="captcha_area_contact" style="float: left; cursor: pointer;" title="Nhấn vào hình để đổi hình khác" class="toolTip">
								<?php echo $this->captcha . $captcha_id_hidden?>
							</div>
							<input type="text"
								class="captcha required" name="captcha" maxlength="5"
								title="*  Vui lòng nhập đúng mã xác nhận.">
						</div>
			
						<input type="submit" name="submit" value="Gửi"
							class="submit readmore"> <input type="hidden" name="action"
							value="send_message"> <img src="images/loading.gif"
							id="contact-loader" alt="Loader">
						<p id="message-sent">&nbsp;</p>
			
					</div>
			
					<div class="error-container"></div>
				</form>
			</div>
		</div>
		<?php echo $this->render('includes/right-section.php')?>
	</div>
</div>	
<?php 
	$logo = TEMPLATE_URL . '/public/default/images/logo.png';
?>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>
<script>
jQuery(document).ready(function(){
	$('div#captcha_area_contact').click(function(){
		var captchaID = $("#captcha_area_contact #captchaID").val();
		$.get('<?php echo $linkCaptcha . '/captchaID/';?>'+captchaID, function(data){
			$('#contact-form div#captcha_area_contact').html(data);
		});
	})
	$("#captcha_area_contact").tipTip({
		maxWidth: "600px", 
		defaultPosition: "top",
		delay: 200,
		edgeOffset: 10
		});
	initialize();
});
var map;
function initialize() {
    var myLatlng = new google.maps.LatLng(10.736028,106.718224);
    var myOptions = {
    zoom: 15,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
var text;
text= "<table><tr><td><img src='<?php echo $logo?>'/></td></tr></table>";
   var infowindow = new google.maps.InfoWindow(
    { content: '',
        size: new google.maps.Size(100,50),
        position: myLatlng
    });
       infowindow.open(map);    
    var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map,
      title:"Phòng Khám Đa Khoa Tân Mỹ"
  });
}
</script>